* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 10px;
}

body {
  overflow-x: hidden;
  width: 100vw;
  height: 100vh;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

header {
  display: flex;
  background-color: #FF8A00;
  width: 100vw;
  height: 5rem;
  position: relative;
  top: 0;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}

header img {
  text-align: center;
}

header .div1 img {
  width: 12rem;
}

header .div2 {
  flex: 0.5;
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}

header .div2 img {
  width: 2.5rem;
}

.zhao {
  display: flex;
  height: 25rem;
  width: 100vw;
  background: url(../img/banne.png);
  background-size: 100% 100%;
  justify-content: center;
}

.zhao input {
  width: 80vw;
  height: 3.5rem;
  margin-top: 20rem;
  font-size: 20px;
  padding-left: 3rem;
  background: url(../img/seach.jpg) no-repeat;
  background-color: #ffff;
  background-position-x: .5rem;
  background-position-y: .5rem;
}

.zhu {
  display: flex;
  background-color: #FF8A00;
  width: 100vw;
  height: 9.5rem;
  justify-content: space-around;
}

.zhu img {
  width: 5rem;
  height: 5rem;
  margin-top: 2rem;
}

.zhu p {
  text-align: center;
  color: #ffff;
}

.tu2 {
  height: 22rem;
  width: 100vw;
}

.re {
  background-color: #FF8A00;
  width: 100vw;
  height: 5rem;
  color: #ffff;
  text-indent: 2em;
}

.re h2 {
  padding-top: .5rem;
}

.yuan {
  width: 90vw;
  height: 36rem;
  margin: 0 auto;
}

.yuan ul li {
  list-style: none;
  margin-top: 10px;
}

.yuan ul li .div66 {
  width: 80vw;
  height: 12rem;
  margin: 0 auto;
  border-bottom: 2px solid #FBB35E;
}

.yuan ul li #div99 {
  width: 80vw;
  height: 12rem;
  margin: 0 auto;
}

.yuan ul li #div99 .img1 {
  width: 8rem;
  height: 8rem;
  margin-top: 2rem;
  float: left;
}

.yuan ul li #div99 h2 {
  font-size: 1.5rem;
  font-weight: 600;
}

.yuan ul li #div99 .div22 {
  line-height: 1.8rem;
  width: 50vw;
  float: left;
  margin-top: 2rem;
  margin-left: 1rem;
}

.yuan ul li #div99 .div22 .div33 span:nth-of-type(1) {
  font-weight: 600;
}

.yuan ul li #div99 .div22 .div33 span:nth-of-type(2) {
  display: block;
  float: right;
  font-weight: 500;
  color: #FF8A00;
}

.yuan ul li #div99 .div22 .div44 span:nth-of-type(2) {
  display: block;
  float: right;
  color: #999;
}

.yuan ul li #div99 .div22 .sp1 {
  display: inline-block;
  width: 40px;
  padding: 5px 5px;
  text-align: center;
  margin-left: 5px;
  margin-top: 5px;
  background-color: #f4f7f9;
  color: #999;
}

.yuan ul li #div99 .div22 .sp2 {
  margin-top: 1rem;
  width: 55px;
}

.yuan ul li .div11 {
  width: 80vw;
  height: 12rem;
  margin: 0 auto;
  border-bottom: 2px solid #FBB35E;
}

.yuan ul li .div11 .img1 {
  width: 8rem;
  height: 8rem;
  margin-top: 2rem;
  float: left;
}

.yuan ul li .div11 .div22 {
  line-height: 1.8rem;
  width: 50vw;
  float: left;
  margin-top: 2rem;
  margin-left: 1rem;
}

.yuan ul li .div11 .div22 h2 {
  font-size: 1.5rem;
  font-weight: 600;
}

.yuan ul li .div11 .div22 .div33 span:nth-of-type(1) {
  font-weight: 600;
}

.yuan ul li .div11 .div22 .div33 span:nth-of-type(2) {
  display: block;
  float: right;
  font-weight: 500;
  color: #FF8A00;
}

.yuan ul li .div11 .div22 .div44 span:nth-of-type(2) {
  display: block;
  float: right;
  color: #999;
}

.yuan ul li .div11 .div22 .sp1 {
  display: inline-block;
  width: 50px;
  padding: 5px 5px;
  text-align: center;
  margin-left: 5px;
  margin-top: 5px;
  background-color: #f4f7f9;
  color: #999;
}

.yuan ul li .div11 .div22 .sp2 {
  width: 55px;
}

section {
  width: 100vw;
}

section .rem {
  font-size: 22px;
  display: flex;
}

section .rem li {
  width: 50vw;
  flex: 1;
  flex-direction: row;
  text-align: center;
  line-height: 5rem;
  border-bottom: .1rem solid #FF8A00;
}

section .rem li a:visited {
  color: #796F74;
}

section .rem li:hover {
  color: #FF8A00;
  border-bottom: .1rem solid #FF8A00;
}

section .bei {
  margin-top: 10px;
  display: flex;
}

section .bei ul li {
  width: 50vw;
  flex: 1;
  flex-direction: row;
  padding-left: 1rem;
  line-height: 2rem;
  font-weight: 600;
}

section .bei ul li a:visited {
  color: #6B6B6B;
}

section .pcd {
  margin-top: 1rem;
  width: 100vw;
  height: 15rem;
  background-color: #2F3130;
}

section .pcd span {
  color: #737474;
  font-size: 16px;
  line-height: 3.5rem;
  display: inline-block;
  margin-left: 1.5rem;
  font-weight: 600;
  width: 90vw;
  border-bottom: 1px solid #737474;
}

section .and {
  width: 80vw;
  margin-top: 2rem;
  margin-left: 8vw;
  display: flex;
}

section .and div {
  height: 5rem;
  float: right;
  width: 40vw;
}

section .and div div {
  width: 27vw;
}

section .and div img {
  width: 7vw;
  order: 0;
}

section .and div li {
  color: #737474;
  font-size: .875rem;
}

section .xuke {
  width: 100vw;
  text-align: center;
  color: #737474;
}

#ni {
  border-bottom: .2rem solid #FF8A00;
  color: #FF8A00;
}

#ni .guan:visited {
  color: #FF8A00;
}

.div8 {
  position: fixed;
  bottom: 0rem;
  width: 100vw;
  height: 5rem;
  display: flex;
}

.div8 .div9 {
  flex: 7;
  font-size: .16rem;
  display: flex;
  color: white;
  height: 5rem;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.div8 .div9 .ime {
  height: 2rem;
  position: absolute;
  top: 0rem;
}

.div8 .div9 .img1 {
  margin: 0rem 3rem;
  height: 3rem;
}

.div8 .div9 .div11 {
  font-size: 1.5rem;
  margin-bottom: .5rem;
}

.div8 .div10 {
  flex: 3;
  font-size: 1.3rem;
  background-color: #FF8A00;
  color: white;
  align-items: center;
  display: flex;
}

.div8 .div10 div {
  margin-left: 2rem;
}
